<template>
  <div>
    <!--块类统计-->
    <a-row :gutter="[16,10]" >
      <a-col :span="4">
        <a-card class="box-card">
          <h3>主体总数量</h3>
          <div>
            <i class="a-icon-s-shop" style="color: purple"></i>
            <span>{{ptyhInfo.dzztNum}}</span>
          </div>
        </a-card>
      </a-col>
      <a-col :span="4">
        <a-card class="box-card">
          <h3>企业总数量</h3>
          <div>
            <i class="a-icon-s-shop" style="color: purple"></i>
            <span>{{ptyhInfo.qymcNum}}</span>
          </div>
        </a-card>
      </a-col>
      <a-col :span="4">
        <a-card class="box-card">
          <h3>报税总人数</h3>
          <div>
            <i class="a-icon-s-shop" style="color: purple"></i>
            <span>{{ptyhInfo.bsrNum}}</span>
          </div>
        </a-card>
      </a-col>
      <a-col :span="4">
        <a-card class="box-card">
          <h3>结算总金额</h3>
          <div>
            <i class="a-icon-user-solid" style="color: green"></i>
            <span>{{ptyhInfo.jsjeNum}}</span>
          </div>
        </a-card>
      </a-col>
      <a-col :span="4">
        <a-card class="box-card">
          <h3>应代征总税额</h3>
          <div>
            <i class="a-icon-s-flag" style="color: red"></i>
            <span>{{ptyhInfo.ydzseNum}}</span>
          </div>
        </a-card>
      </a-col>
      <a-col :span="4">
        <a-card class="box-card">
          <h3>实缴总税额</h3>
          <div>
            <i class="a-icon-star-on" style="color: blue"></i>
            <span>{{ptyhInfo.sjseNum}}</span>
          </div>
        </a-card>
      </a-col>
    </a-row>
    <!--acharts统计图-->
    <a-row :gutter="20">
      <a-col :span="12">
        <a-card class="box-card">
          <p>人力资源完税统计</p>
          <echarts2 />
        </a-card>
          <a-card class="box-card">
          <echarts1 />
        </a-card>
      </a-col>
      <a-col :span="12">
        <a-card class="box-card">
          <p>灵活用工完税统计</p>
          <echarts4 />
        </a-card>
        <a-card class="box-card">
          <echarts3 />
        </a-card>

      </a-col>
    </a-row>
  </div>
</template>

<script>
import echarts1 from './components/echarts1'
import echarts2 from './components/echarts2'
import echarts3 from './components/echarts3'
import echarts4 from './components/echarts4'
import {
  getTotalTypeNum
} from '@/api/dashboard/Analysis'
export default {
  name: 'home',
  components: {
    echarts1,
    echarts2,
    echarts3,
    echarts4
  },
  data(){
    return{
      //系统总体情况
      ptyhInfo:{

      },
    }
  },
  created() {
    this.getAllPtyhData()
  },

  methods:{

    //获取平台用户数据
    getAllPtyhData(){
      getTotalTypeNum().then(res=>{
        console.log(res);
        this.ptyhInfo= res.result
      })
    }
  }
}
</script>

<style scoped>
.box-card{
  padding: 10px;
  margin: 30px 20px 0px 20px;
  text-align: center;
  border-radius: 8px;
}

</style>